.radio-section {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
}

.radio-section-horizontal {
    display: flex;
    align-items: center;
    width: 400px;
}

div {
    width: 450px;
    max-width: 100%;
}

.radiobutton1auto {
    background-color: var(--sapBackgroundColor);
}

.radiobutton2auto {
    width: 300px
}

div.customStyling{
    width: 100%;
}

.customStyling #customRb1:hover::part(inner-ring) {
    fill: #20b7d5;
}

.customStyling ui5-radio-button[value-state="Negative"]::part(outer-ring) {
    stroke: rgb(212 56 247);
}
.customStyling ui5-radio-button[value-state="Positive"]::part(outer-ring) {
    stroke: rgb(12 223 147);
}